<template>
	<view class="page-index">
		<view class="status" v-if="status == 0">审核中</view>
		<view class="status" v-if="status == 2" style="color: red;">审核失败</view>
		<view class="status" v-if="status == 1" style="color: green;">认证成功</view>
		<view class="" style="height: 32rpx;">

		</view>
		<uni-forms :value="form" ref="form" :label-width="100" label-position="center">
			<uni-forms-item label="认证照片" name="card_image">
				<view class="">
					<view class="" style="font-size: 24rpx;color: #999; height: 36px;line-height: 36px;">
						请上传手持身份证照片
					</view>
					<image :src="form.card_image" mode="" class="imageBox" v-if="form.card_image" style="border: none;"></image>
					<view class="imageBox" @click="uploadImage" v-else>
						<image src="/static/home/photo.png" class="photo"></image>
					</view>
				</view>
			</uni-forms-item>
			<uni-forms-item label="技师姓名" name="name"><uni-easyinput type="text" v-model="form.name"
					placeholder="请输入技师姓名" :disabled="disabled" /></uni-forms-item>
			<uni-forms-item label="技师手机" name="mobile"><uni-easyinput type="text" v-model="form.mobile"
					placeholder="请输入技师手机" :disabled="disabled" /></uni-forms-item>
			<uni-forms-item label="技师所在区域" name="province">
				<view class="pickerBox">
					<picker mode="region" class="pickerView" @change="pickerChange" :disabled="disabled">
						<view class="pickerChange" v-if="form.province" style="color: #000;">
							{{ form.province }}{{ form.city }}{{ form.area }}</view>
						<view class="pickerChange" v-else>请选择技师所在区域</view>
					</picker>
				</view>
			</uni-forms-item>
			<uni-forms-item label="认证类型" name="mobile">
				<view style="display: flex;align-items: center;"><uni-data-checkbox multiple v-model="checkbox"
						:localdata="hobby" @change="dataChange" :disabled="disabled"></uni-data-checkbox></view>
			</uni-forms-item>
			<uni-forms-item label="车衣工龄" v-if="checkbox.indexOf(1) > -1"><uni-easyinput type="number" v-model="cy"
					placeholder="请输入车衣工龄" :clearable="false" :disabled="disabled" /></uni-forms-item>
			<uni-forms-item label="改色工龄" v-if="checkbox.indexOf(2) > -1"><uni-easyinput type="number" v-model="gs"
					placeholder="请输入改色工龄" :clearable="false" :disabled="disabled" /></uni-forms-item>
			<uni-forms-item label="玻璃膜工龄" v-if="checkbox.indexOf(3) > -1"><uni-easyinput type="number" v-model="blm"
					placeholder="请输入玻璃膜工龄" :clearable="false" :disabled="disabled" /></uni-forms-item>
		</uni-forms>
		<view class=""
			style="text-align: center;display: flex;align-items: center;justify-content: center;font-size: 24rpx;color: #000;">
			<label class="radio" @click="radioClick()">
				<radio value="r2" :checked="checked" style="transform:scale(0.6)" color="#2994FF" />
			</label>阅读并同意万帮车服
			<text @click="goWebview('技师')" class="goWebview">《入驻协议》</text>
		</view>
		<view class="submit" @click="submit()" v-if="!disabled">提交</view>
	</view>
</template>

<script src="./page.js"></script>
<style>
	uni-forms-item {}

	.uni-forms-item__content {
		display: flex;
		align-items: center;
	}
</style>
<style scoped lang="scss">
	@import 'page.scss';
</style>